.head-bar {
	background: #303133;

	.opgg-title {
		padding: 10px;
		background: $system-color;
	}

	.function-bar {
		:deep(.el-button) {
			background: transparent;
			border: none;
		}
		:deep(.el-input__inner) {
			width: 57px;
			font-weight: 600;
			color: #ffffff;
		}
		:deep(.el-input__wrapper) {
			background: transparent;
			box-shadow: none !important;
		}
		:deep(.el-icon) {
			color: #ffffff !important;
		}
		:deep(.el-input__suffix) {
			width: 15px;
		}
		:deep(.el-input__suffix-inner) {
			width: 15px;
		}
	}
}
.head-bar-menu {
	padding: 0 10%;
	:deep(.el-menu--horizontal) {
		border-bottom: none;
	}
	:deep(.el-menu-item) {
		font-size: 18px;
		font-weight: 600;
	}
	:deep(.el-menu-item:hover) {
		background-color: unset;
		color: #ffffff;
	}
	:deep(.is-active) {
		border-bottom: 3px solid #ffffff !important;
		background-color: unset !important;
	}
}
